<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>A26-Presentation</title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="Meteor">

		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/sky.css" id="theme">

		<!-- Code syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<h1>Hello Everyone</h1>
				</section>

				<section>
					<h1>Paragraph 4</h1>
					<h3>Presentation</h3>
					<p>
						<small>Created by <a href="">Andy</a> / <a href="">Peter</a> / <a href="">Meteor</a></small>
					</p>
					<p>Andy 黄&nbsp;&nbsp;安 人力资源管理141班 7102314024</p>
					<p>Peter 罗希宇 化学学院化学141班 5503114040</p>
					<p>Meteor 刘子健 人力资源管理141班 7102314023</p>
				</section>

				
				<!-- Example of nested vertical slides -->
				<section>
					<section>
						<h2>Some Questions</h2>
						<p>We have some questions about this paragraph.</p>
						<p>Let <em>We</em> focus on it.</p>
						<br>
						<a href="#" class="navigate-down">
							<img width="178" height="238" data-src="img/arrow.png" alt="Down arrow">
						</a>
					</section>
					<section>
						<h1>Question  1</h1>
					</section>
					<section>
						<p style="font-size: 2em;">Translate</p>
						<p style="word-wrap: break-word;text-indent: 2em;text-align: left;">All at once,in the thatch house across the clearing b-ehind us came the sound of a recorder,playing a tune th-at twined over the village clearing,muted our talk on the  bankside, and wandered over the river,dissolving downs-tream.</p>
						
						<p style="float: right;">[L17-20]</p>
					</section>
					<section>
						<p style="word-wrap: break-word;text-indent: 2em;text-align: left;">突然，我们身后空地旁的茅屋里，传出了录音机的声音，一首乐曲在村子的空地上缭绕，减弱了我们在河畔谈话的声音，然后又传到河面，顺流飘去。</p>
					</section>
					<section>
						<h1>Question  2</h1>
					</section>
					<section>
						<p style="font-size: 2em">Amazon River</p>
						<p>1.What do you know about Amazon?</p>
						<p>2.According to the pictures,describe the geographic location of Amazon.</p>
						<img src="img/amazon.jpg">
					</section>
					<section id="fragments" style="position: relative;">
						<p style='font-size: 2em'>Question 3</p>
						<p>He was so angry that his whole body ______.</p>
						<p class="fragment">A.trembled&nbsp;&nbsp;B.shivered&nbsp;&nbsp;C.shuddered&nbsp;&nbsp;D.shook</p>
						<p><span class="fragment" style="float: right;font-size: 2em;position: absolute;top: 1.6em;right: 2em;color: red;">D</span>
						</p>
					</section>
					<section>
						<h2>That's All</h2>
						<p>That's it, time to go back up.</p>
						<br>
						<a href="#/3">
							<img width="178" height="238" data-src="img/arrow.png" alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);">
						</a>
					</section>
				</section>

				<section>
					<p style="font-size: 2em">Thank You!</p2>
				</section>
			</div>

		</div>

		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.js"></script>

		<script>

			// Full list of configuration options available at:
			// https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
				controls: true,
				progress: true,
				history: true,
				center: true,
				slideNumber:true,

				transition: 'convex', // none/fade/slide/convex/concave/zoom

				// Optional reveal.js plugins
				dependencies: [
					{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
					{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
					{ src: 'plugin/zoom-js/zoom.js', async: true },
					{ src: 'plugin/notes/notes.js', async: true }
				]
			});

		</script>

	</body>
</html>
